<template>
  <cjui-page-panel viewHeightType="full" header="MindMap 思维导图">
    <div id="mindMapContainer" class="mindMapContainer"></div>
  </cjui-page-panel>
</template>

<script lang="ts" setup>
import MindMap from 'simple-mind-map'

onMounted(() => {
  const mindMap = new MindMap({
    el: document.getElementById('mindMapContainer'),
    data: {
      data: {
        text: '根节点',
      },
      children: [],
    },
  } as any)
})
</script>

<style lang="scss" scoped>
.mindMapContainer {
  height: 500px;
}
</style>
